开发者工具进行浏览器测试：用 Chrome DevTools MCP 在真实浏览器里验 UI
SkillHub 社区 Skill「开发者工具进行浏览器测试」（@user_e40a4360/bowser-testing-with-devtools，v1.0.0）指导 Agent 通过 Chrome DevTools MCP 在真实浏览器中检查 DOM、控制台、网络、性能与无障碍，并给出 UI/网络/性能调试流程与安全边界。本文介绍其定位、能力表、skillhub 安装命令（需 --dir 指向 Agent skills 目录）、MCP 配置示例及典型工作流，适用于前端与全栈在浏览器内的构建与排错。
Read Moredsh-chrome-devtools: Real Chrome Browser Automation and Debugging for the DeepSeek Harness Agent
`dsh-chrome-devtools` is a browser extension for DeepSeek Harness that uses Chrome DevTools MCP to turn a real Chrome window into an Agent environment, providing capabilities such as page manipulation, screenshots, console reading, script execution, and Lighthouse audits. The Agent can control the browser with natural language to run tests. During installation, it must be fetched from GitHub and the page must be refreshed, and each Harness supports only a single plugin. This plugin supports Chromium, but it is subject to permission restrictions in server, container, and WSL environments, and browser state is reset when the session closes.
Read MoreDSH ZCode Connector: Driving the ZCode Desktop App as a Model Channel via Chrome DevTools Protocol
DSH ZCode Connector is a plugin that drives the ZCode desktop application GUI via the Chrome DevTools Protocol (CDP) to address the issue that API keys cannot be directly extracted from account-bound quotas. It provides a local OpenAI-compatible endpoint and simulates real user interactions to have ZCode perform request signing and authentication, enabling tools such as DeepSeek Harness (DSH) to use these quotas through a local proxy. The plugin includes a status monitoring panel and MCP server functionality, supporting views for quota usage, subagent status, and more. Its design emphasizes security (tokens are read locally only) and a single-conversation session model.
Read Moredsh-browser-ctrl: Local Browser Control for DeepSeek Harness
dsh-browser-ctrl is a DeepSeek Harness plugin built on the Chrome DevTools Protocol, designed to enable AI to have full control over a local browser. It runs in guest mode, is secure and has zero external dependencies, and provides core features such as autonomous AI web browsing, embedded screenshots, and real-time panel control. Installation must be done via the command line and requires a complete restart of DSH. Uninstallation also requires a restart and manual cleanup of the browser data directory.
Read MoreFrontend Performance Audit with web-perf Skill: Integrate Core Web Vitals into Agent Workflow
### Official Cloudflare Agent Skill `web-perf` Introduction This tool leverages Chrome DevTools MCP to audit Core Web Vitals (LCP, INP, CLS) alongside FCP, TBT, and Speed Index, and troubleshoots issues including render-blocking resources, network dependency chains, layout shifts, and caching problems. The article explains its positioning, five-stage workflow, installation methods in tools such as Cursor, Claude Code, and Codex, mandatory configurations for MCP, typical prompt words and output formats, and reminds users to verify thresholds against current official documentation and avoid hardcoding conclusions without an MCP.
Read More